<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<link href="image/logo.jpg" rel="shortcut icon">
<title> Theme-Sakura 1.x beta</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body class="bg-noblur">
<header>
<div id="bg"></div>	
<div class="uplogo">
	<img src="image/logo.jpg" class="logo" style="filter: blur(0px);">
	<h1 style="font-weight: lighter;color:#FFFFFF;margin:20px 0px 20px 0px;" id="blogname">Blog Name</h1>
<div class="tips">
    <p id="tips">海上生明月 天涯共此时</p>
    </div>
</div>
<div class="upbtngroup">
  <a href="#articles"><button type="button" class="btn1"><img style="align-items: center;text-align: center;" src="image/table.svg" width="25px" height="25px"></button></a>
  <a href="https://pwsn0w.gitee.io/index.html#upbg/"><button type="button" class="btn1"><img style="align-items: center;text-align: center;" src="image/more.svg" width="25px" height="25px"></button></a>
  <a href="https://qm.qq.com/cgi-bin/qm/qr?k=gs-Lsv6wdqbZHJrp9x9JEO5W3qEq0EiL&noverify=0#"><button type="button" class="btn1"><img style="align-items: center;text-align: center;" src="image/qq.svg" width="40px" height="40px"></button></a>
  <a href="#"><button type="button" class="btns"><img style="align-items: center;text-align: center;" src="image/support.svg" width="25px" height="25px"></button></a>
</div>
</header>
<h3 class="articletitle"> - 文章列表 - </h3>
<div class="articles" id="articles">
	<div class="article">
	<div style="display:inline-block;"><h1 class="atitle">&nbsp;<a href="articles/01/01.html" style="color: #000000;">关于主题</a>
	    <a href="articles/01/01.html"><button type="button" class="more"><img alt="查看文章" src="image/article.svg" style="margin: auto 0;align-items: center; "width="22px" height="22px"></button></a>
	  </h1>
	</div>
	<p class="aintroduce">简单的自我介绍</p>
    </div>

	<div class="articleadd">
	<div style="display: inline-block;"><h1 class="atitle">&nbsp;<a style="color: #000000;">Title</a>
	    <button type="button" class="more"><img alt="查看文章" src="image/article.svg" width="22px" height="22px"></button>
	  </h1>
	</div>
	<p class="aintroduce">Introduce</p>
    </div>
	
	<div class="articleadd">
	<div style="display: inline-block;"><h1 class="atitle">&nbsp;<a style="color: #000000;">Title</a>
	    <button type="button" class="more"><img alt="查看文章" src="image/article.svg" width="22px" height="22px"></button>
	  </h1>
	</div>
	<p class="aintroduce">Introduce</p>
    </div>
</div>

<div id="goarticle">
	<a href="#articles"><button type="button" id="goarticlebtn"><img alt="返回文章列表" src="image/table.svg" width="25px" height="25px"></button></a>
</div>
<div id="goback">
	<a href="#"><button onClick="totop()" type="button" id="gobackbtn"><img alt="返回顶部" src="image/goback.svg" width="22px" height="22px"></button></a>
</div>
		
	
	
<div class="footer">
	 <div class="foottext">
			<h3>网站简介:</h3>
			<p>使用HTML+CSS开发</p>
			<p>这是一个多端兼容的简约静态个人博客主题</p>
			<p>如有建议或问题请使用邮件联系我们</p>
	</div>
	<div class="foottext">
		<h3>联系方式：</h3>
		<p>QQ：3179908106@qq.com</p>
		<p>Tel：15261897468</p>
		<p>投稿请发至QQ邮箱</p>
	</div>
	<div class="foottext">
		<h3>友情链接：</h3>
		<p>................</p>
		<p>................</p>
		<p>................</p>
	</div>
	<div class="foottext">
		<h3>特别鸣谢:</h3>
		<p>盲生</p>
		<p>Tom</p>
		<p>&nbsp;</p>
	</div>
	<div class="foottext">
		<h3>其他：</h3>
		<p>网站主题：Sakura 1.x beta</p>
		<p>设计者：锦缘-Leo</p>
	    <a href="https://gitee.io/pwblog/pwblog/">Gitee - Sakura 1.x</a>
	</div>
</div>

<div class="smallfooter">
	<h2>联系方式：</h2>
	<p>QQ：3179908106@qq.com</p>
	<p>Tel：15261897468</p>
	<p>投稿请发至QQ邮箱</p>
	<h2>特别鸣谢：</h2>
	<p>盲生</p>
	<p>Tom</p>
	<h2>其他：</h2>
	<p>网站主题：Sakura</p>
	<p>主题版本：1.x beta</p>
	<p>设计者：锦缘-Leo</p>
	<h2>项目主页：</h2>
	<a href="https://gitee.io/pwblog/pwblog/">Gitee - Sakura 1.x</a>
</div>

<script>
function totop(){
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>